 layui.config({
    base: CXL.ctxPath + '/layuiadmin/' //静态资源所在路径
}).extend({
    index: 'lib/index' //主入口模块
}).use(['index', 'table', 'laydate'], function () {
    var admin = layui.admin;
    var table = layui.table;
    var laydate = layui.laydate;
    var $ = layui.$;

    /**
     * 表格参数
     */
    var Page = {
        tableId: 'plan-table',
        url: CXL.ctxPath + '/plan/list',
        toolbar: '#plan-toolbar',
        initColumn: function () {
            return [[
                { type: 'numbers' }
                , { field: 'id', title: 'ID', hide: true, width: 80 }
                , { field: 'materialTypeName', title: '物料类型', width: 120 }
                , { field: 'targetWeight', title: '目标生产量(t)', width: 120 }
                , {
                    field: 'shift', title: '班次', width: 90, templet: function (d) {
                        return d.shift == 0 ? '白班' : d.shift == 1 ? "中班" : "晚班";
                    }
                }
                , { field: 'workdate', title: '日期', width: 180, templet: '<div>{{ layui.laytpl.toDateString(d.workdate) }}</div>' }
                , { field: 'dueStartTime', title: '约定开始时间', width: 180, templet: '<div>{{ layui.laytpl.toDateString(d.dueStartTime) }}</div>' }
                , { field: 'dueEndTime', title: '结束时间', width: 180, templet: '<div>{{ layui.laytpl.toDateString(d.dueEndTime) }}</div>' }
                , { field: 'finishTime', title: '完成时间', width: 180 }
                , { field: 'finishedWeight', title: '已完成生产量', width: 120, }
                , { field: 'isPaused', title: '暂停', width: 90 }
                , {
                    field: 'status', title: '状态', width: 120, templet: function (d) {
                        return d.status == 0 ? '<span style="background-color:orange">待生成任务</span>' : '<span style="background-color:green;color:#fff;">已生成任务</span>';
                    }
                },
                , { fixed: 'right', title: '操作', toolbar: '#plan-tool', width: 170 }
            ]];
        },
        addUrl: CXL.ctxPath + "/plan/add",
        createWorkUrl: CXL.ctxPath + "/plan/createWork",
    };


    /**
     * 页面查询
     */
    Page.searchAction = function () {
        var queryData = {};
        //查询字段
        queryData['userName'] = $("#userName").val();
        queryData['type'] = $("#type").val();
        queryData['operatorTime_begin'] = $("#timeBegin").val();
        queryData['operatorTime_end'] = $("#timeEnd").val();
        //排序字段
        queryData['field'] = 'operatorTime';
        queryData['order'] = 'desc';

        table.reload(Page.tableId, { where: queryData });
    }



    /**
     * 页面查询条件的重置
     */
    Page.resetAction = function () {
        $(".layui-input").val('');
        Page.searchAction();
    }


    /**
     * 表格的单击事件
     */
    Page.clickAction = function (obj) {

    }

    /**
     * 表格的双击事件
     */
    Page.doubleClickAction = function (obj) {

    }

    /**
     * 新增
     */
    Page.openAdd = function () {
        layer.open({
            type: 2,
            title: '新增',
            shadeClose: true,
            shade: 0.8,
            area: ['700px', '700px'],
            content: Page.addUrl,
            btn: ['确定', '取消'],
            yes: function (index, layero) {
                //点击确认触发 iframe 内容中的按钮提交
                var submit = layero.find('iframe').contents().find("#form-btn-save");
                submit.click();

                //刷新表格
                Page.searchAction();
            }
        });
    };

    /**
     * 编辑
     */
    Page.openEdit = function (data) {
        layer.open({
            type: 2,
            title: '编辑',
            shadeClose: true,
            shade: 0.8,
            area: ['700px', '700px'],
            content: Page.addUrl + "?id=" + data.id,
            btn: ['确定', '取消'],
            yes: function (index, layero) {
                //点击确认触发 iframe 内容中的按钮提交
                var submit = layero.find('iframe').contents().find("#form-btn-save");
                submit.click();

                //刷新表格
                Page.searchAction();
            }
        });
    };

    /**
     * 查看
     */
    Page.openDetail = function (data) {
        layer.open({
            type: 2,
            title: '查看',
            shadeClose: true,
            shade: 0.8,
            area: ['650px', '700px'],
            content: Page.addUrl + "?id=" + data.id
        });
    }

    /**
     * 查看
     */
    Page.createWork = function (data) {
        layer.confirm('是否创建该任务？', { icon: 3, title: '提示' }, function (index) {
            //do something
            $.ajax({
                url: Page.createWorkUrl + "?id=" + data.id,
                method: 'POST',
                dataType: 'JSON',
                success(res) {
                    if (res.success) {
                        layer.close(index);
                        layer.msg('创建成功', { icon: 1 });
                        Page.resetAction();
                    } else {
                        layer.close(index);
                        layer.alert(res.msg, { icon: 2 });
                    }
                }
            });
        });
    }

    /**
     * 删除表格数据
     */
    Page.deleteAction = function (obj) {
        parent.layer.confirm('真的确定要删除么', function (index) {

            //提交 Ajax进行后端删除
            $.ajax({
                type: "post",
                url: Page.deleteUrl,
                data: { id: obj.data.id },
                success: function (res) {
                    if (res.success) {
                        CXL.success(res.msg);
                        //表格删除
                        obj.del();
                    } else {
                        CXL.warn(res.msg);
                    }
                }
            });

            layer.close(index);
        });
    }


    /**
     * 表格渲染
     */
    table.render({
        elem: '#' + Page.tableId
        , url: Page.url
        , height: 'full-140'
        , page: true
        , limit: 30
        , autoSort: false
        , toolbar: Page.toolbar
        , where: Page.where
        , defaultToolbar: []

        , cols: Page.initColumn()
    });

    /**
     * 表头工具栏
     */
    table.on('toolbar(' + Page.tableId + ')', function (obj) {
        var checkStatus = table.checkStatus(obj.config.id);
        switch (obj.event) {
            case 'doAdd':
                Page.openAdd();
                break;
        };
    });

    /**
     * 监听表格工具事件
     */
    table.on('tool(' + Page.tableId + ')', function (obj) {
        //获得当前行数据
        var data = obj.data;
        //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var layEvent = obj.event;

        //查看操作
        if (layEvent === 'detail') {
            Page.openDetail(data);
        }
        //删除操作
        else if (layEvent === 'del') {
            Page.deleteAction(obj);
        }
        //编辑操作
        else if (layEvent === 'edit') {
            Page.openEdit(data);
        } else if (layEvent === 'createWork') {
            Page.createWork(data);
        }
    });


    /**
     * 搜索按钮事件
     */
    $('#btnSearch').click(function () {
        Page.searchAction();
    });

    /**
     * 搜索按钮事件
     */
    $('#btnReset').click(function () {
        Page.resetAction();
    });

    //监听行单击事件
    table.on('row(' + Page.tableId + ')', function (obj) {
        Page.clickAction(obj);
    });

    //监听行双击事件
    table.on('rowDouble(' + Page.tableId + ')', function (obj) {
        Page.doubleClickAction(obj);
    });

    /**
     * 时间选择器渲染
     * 开始时间
     */
    laydate.render({
        elem: '#timeBegin' //指定元素
        , type: 'datetime'
    });

    /**
   * 时间选择器渲染
   * 结束时间
   */
    laydate.render({
        elem: '#timeEnd' //指定元素
        , type: 'datetime'
    });

});


